import React from "react";

const TipsIcon = ({ width="127", height="156", fill="#00B39F", style = {} }) => (
  <svg
    width={width}
    height={height}
    viewBox="0 0 127 156"
    fill="none"
    style={style}
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M65.5547 152.888C64.7849 154.221 62.8604 154.221 62.0906 152.888L42.3059 118.62C41.5361 117.286 42.4984 115.62 44.038 115.62H83.6073C85.1469 115.62 86.1091 117.286 85.3393 118.62L65.5547 152.888Z"
      fill={fill}
    />
    <circle
      cx="63.5"
      cy="63.5"
      r="63.5"
      transform="rotate(90 63.5 63.5)"
      fill={fill}
    />
    <g filter="url(#filter0_d_13672_38173)">
      <circle
        cx="63.5"
        cy="63.5"
        r="53.5"
        transform="rotate(90 63.5 63.5)"
        fill={fill}
      />
      <circle
        cx="63.5"
        cy="63.5"
        r="53.5"
        transform="rotate(90 63.5 63.5)"
        stroke="#FBFBFB"
        strokeWidth="8"
      />
    </g>
    <path
      d="M47.132 51.3C47.672 51.3 47.96 51.588 47.96 52.128V54.468C47.96 54.972 47.672 55.26 47.132 55.26H41.552V75.708C41.552 76.212 41.264 76.5 40.76 76.5H38.24C37.7 76.5 37.412 76.212 37.412 75.708V55.26H31.832C31.328 55.26 31.04 54.972 31.04 54.468V52.128C31.04 51.588 31.328 51.3 31.832 51.3H41.552H47.132ZM50.8569 55.62C50.3169 55.62 50.0289 55.332 50.0289 54.828V52.128C50.0289 51.588 50.3169 51.3 50.8569 51.3H53.1249C53.6289 51.3 53.9169 51.588 53.9169 52.128V54.828C53.9169 55.332 53.6289 55.62 53.1249 55.62H50.8569ZM50.8569 76.5C50.3169 76.5 50.0289 76.212 50.0289 75.708V59.328C50.0289 58.788 50.3169 58.5 50.8569 58.5H53.1249C53.6289 58.5 53.9169 58.788 53.9169 59.328V75.708C53.9169 76.212 53.6289 76.5 53.1249 76.5H50.8569ZM68.6552 58.032C73.5512 58.032 77.5832 62.172 77.5832 67.5C77.5832 72.864 73.5512 76.968 68.6552 76.968C65.8112 76.968 63.6872 75.816 62.3192 73.944V82.908C62.3192 83.412 62.0312 83.7 61.5272 83.7H59.2592C58.7192 83.7 58.4312 83.412 58.4312 82.908V59.328C58.4312 58.788 58.7192 58.5 59.2592 58.5H61.5272C62.0312 58.5 62.3192 58.788 62.3192 59.328V61.092C63.6872 59.22 65.8112 58.032 68.6552 58.032ZM68.0072 73.26C71.2472 73.26 73.6952 70.848 73.6952 67.5C73.6952 64.152 71.2472 61.74 68.0072 61.74C64.7672 61.74 62.3192 64.152 62.3192 67.5C62.3192 70.848 64.7672 73.26 68.0072 73.26ZM84.2441 63.576C84.2441 67.176 94.2521 64.584 94.2521 71.46C94.2521 74.988 91.1561 76.968 87.1601 76.968C83.4881 76.968 80.5361 75.204 80.1401 71.784C80.1041 71.244 80.4281 70.956 80.9321 70.956H83.1641C83.6681 70.956 83.8481 71.208 84.0281 71.676C84.3521 72.972 85.6121 73.476 87.1601 73.476C89.0681 73.476 90.3641 72.828 90.3641 71.46C90.3641 67.86 80.3561 70.416 80.3561 63.576C80.3561 60.048 83.4521 58.032 87.1601 58.032C90.5441 58.032 93.4241 59.796 93.8201 63.216C93.8921 63.792 93.5681 64.08 93.0281 64.08H90.7961C90.3281 64.08 90.1121 63.792 89.9321 63.324C89.6441 62.064 88.4561 61.524 87.1601 61.524C85.5401 61.524 84.2441 62.208 84.2441 63.576Z"
      fill="white"
    />
    <defs>
      <filter
        id="filter0_d_13672_38173"
        x="2"
        y="6"
        width="123"
        height="123"
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dy="4" />
        <feGaussianBlur stdDeviation="2" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13672_38173"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13672_38173"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
);

export default TipsIcon;
